<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery测试</title>
</head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
	//JQuery测试
	$(document).ready(function() {
		$("p").click(function() {
			$(this).toggle("slow");
		});
	});

	//JQuery在页面加载时调用函数
	$(document).ready(function() { //常用写法
		//alert("OK!");
	});
	$(function() {
		//alert("Simple OK!")   //简单写法
	});
</script>
<body>
	<p style="background-color: yellow ; cursor: pointer;">
		Jquery测试第一行<br /> 第二行<br /> 第三行
	</p>
	<div id="div1" style="background-color: red">123</div>
	<div id="div2" style="background-color: red">456</div>

	<script type="text/javascript">
		//Dom对象与JQuery对象
		var div1 = document.getElementById("div1");
		var div2 = $("#div2");

		//Dom对象只能用DOM的函数，JQuery对象只能用JQuery的函数
		div1.innerHTML = "div1";
		div2.html("div2");
	</script>
</body>
</html>